<template>
    <div class="userRegister body">
        <ul>
            <dl v-for="(item, index) in this.odata" :key="index">
                <dd><img :src="item.authorImg" alt="" /></dd>
                <dt>
                    <p>
                        <i>{{ item.nikeName }}</i
                        ><i>{{ item.otime }}</i>
                    </p>
                    <p>{{ item.phone }}</p>
                </dt>
            </dl>
            <dl class="addmore" @click="addmoreclick">{{ addmore }}</dl>
        </ul>
    </div>
</template>

<script>
export default {
    name: "userRegister",
    data() {
        return {
            addmore: "暂无更多",
            odata: [],
            pagenum: 0
        };
    },
    mounted() {
        this.common.getCusregister(this, 0, 10);
    },
    methods: {
        addmoreclick() {
            this.pagenum++;
            if (this.addmore == "加载更多...") {
                this.common.getCusregister(this, 0, 10);
            }
        }
    }
};
</script>

<style scoped lang="less">
@import "../style/userLister.less";
.userRegister {
    background: #f4f4f4;
}
</style>
